<template>
   <div id="Emoji"> 
      <img :src="url+item.src"  v-for="item in emoData" :key="item.id" class="emo" @click="sendEmo(item)" >
   </div>
</template>
<script>
import CommonData from '@/common/data'
  export default 
  {
     name :'', 
     props:['sendEmo'],
     data() {
      return {
         url:CommonData.emoUrl,
         emoData:CommonData.emoData,
      }
     },
  }
</script>
<style scoped lang='less'>
#Emoji{
   width: 100%;
}
.emo{
   width: 30px;
   height: 30px;
}
</style>